<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../img1/public/icon.png" type="image/x-icon">
    <title>视频详情</title>
    
    <link rel="stylesheet" href="../less/index.css">
    <link rel="stylesheet" href="../less/Videodetails.css">
    <link rel="stylesheet" href="../less/login.css">
</head>

<body>
    <header>
        <div id="hea">
            <!-- 最左边的图片 -->
            <img src="../img1/public/logo.png" alt="">
            <!-- 中间部分 -->
            <ul class="hea2">
                <li>
                    <a href="../index.html">
                        <p>
                            首页
                        </p>
                    </a>

                </li>

                <li>
                    <a href="../views/course.html">
                        <p>
                            同步课程
                        </p>
                    </a>

                </li>
                <li>
                    <p>
                        在线练习
                    </p>
                </li>
                <li>
                    <p>
                        精品课程
                    </p>
                </li>
            </ul>
            <!-- 最右边 -->
            <div class="hea3">
                <div class="hea3q">
                    <input type="text" value="课程">
                    <input type="text" value="搜索感兴趣的内容">
                </div>
                <p>
                    <a href="../views/login.html">
                        <span>登录</span>
                    </a>
                    <span>/</span>
                    <a href="../views/register.html">
                        <span>注册</span>
                    </a>
                </p>
                
                <div class="he" style="display: none;">
                    <img src="../img1/login/user.png" alt="" class="img">
                    <ul class="hea3a">
                        <li class="hea3a1">用户名</li>
                        <li class="hea3a1">课程中心</li>
                        <li class="hea3a1">订单中心</li>
                        <li class="hea3a1">资金管理</li>
                        <a href="./mymessage.html">
                            <li class="hea3a1">个人中心</li>
                        </a>
                        <li class="hea3a1">退出登录</li>
                    </ul>
                </div>
            </div>
        </div>

    </header>
    <!-- 间隔 -->
    <div class="ge">
        <p class="ge1">
            <span>首页</span>
            <span>></span>
            <span>同步课堂</span>
            <span>></span>
            <span>视频详情</span>
        </p>
        
    </div>
    <!-- 视频及简介区域 -->
    <div id="video">
        <div class="vid">
            <video src="../Video/游园惊梦.mp4" class="video" poster="../img1/videoDetail/san.png" controls></video>
        </div>
        <div class="details">
            <!-- <ul class="math">
                <li class="te">[2019年秋季]初三数学班</li>
                <li>年级科目:初三数学</li>
                <li>课时数量:15课时</li>
                <li>开课时间:09月30日——12月20日</li>
                <li>有效期至:2020年12月20日</li>
                <li>距报名截止仅剩</li>
                <li>
                    <span> 33</span>天
                    <span>23</span>时
                    <span>23</span>分
                    <span>23</span>秒
                </li>
            </ul> -->
            <!-- jiage -->
            <!-- <div class="jiage">
                <p class="jiaget">
                    <span>￥199</span>
                    <button class="xue" style="cursor: pointer;">免费试学</button>
                </p>
                <p class="jiageb">
                    <span>￥199单独购买</span>
                    <span>|</span>
                    <span>￥99拼团</span>
                </p>
            </div> -->

        </div>
    </div>
    <!-- jian ge -->
    <div class="ge"></div>
    <!-- 老师介绍 -->
    <div id="teacher">
        <!-- <p class="tea1">
            授课师资
        </p>
        <div class="teah">
            <div class="teaf">
                <div class="teafl">
                    <div class="img">
                        <img src="../img1/login/user.png" alt="">
                    </div>
                    <p class="teaflp">
                        <span>李晓明</span>
                        <br>
                        <span>小U课堂高级讲师</span>
                    </p>
                </div>
                <div class="team">

                </div>
                <p class="tear">
                    多年IT行业从业经验，精通常用的Web开发技术;熟悉主流的CMS、商城、论坛|等PHP迸源产品，具有丰富的建站及二次开发经验，多个大型ERP系统的开发实践经验;精通常用的PHP开发框架，对服务器架构及服务器日常运维等方面有一定的研究。
                </p>
            </div>
            
        </div> -->

    </div>
     <!-- jian ge -->
     <div class="ge1"></div>
     <!-- 大纲分类，目录，详情 -->
     <div class="dagang">
         <p class="dag">
             <span class="dag1">课程目录</span>
             <span class="dag2">课程详情</span>
         </p>
     </div>
      <!-- jian ge -->
      <div class="ge1"></div>
      <!-- 大图 -->
      <img src="../img1/videoDetail/detail.png" alt="" class="dai">
      <!-- 课程表 -->
      <div class="detail">
        <ul>
            <li>
                <h3>第一章：公开课（含4期） <span></span></h3>
                <ol>
                    <li class="active">
                        <div class="li1">
                            <img src="../img1/public/left.png" alt="">
                            &nbsp; &nbsp; 
                            <span>
                                第0节:化学的研究对象和研究方法
                            </span>
                        </div>
                        <p>2021.11.25 20:20 开播</p>
                        <div class="bo1" style="cursor: pointer;">点击播放</div>
                    </li>

                    <li class="active">
                        <div class="li1">
                            <img src="../img1/public/left.png" alt="">
                            &nbsp; &nbsp; 
                            <span>
                                第1节:离子反应
                            </span>
                        </div>
                        <p>2021.11.25 20:20 开播</p>
                    </li>

                    <li class="active">
                        <div class="li1">
                            <img src="../img1/public/left.png" alt="">
                            &nbsp; &nbsp; 
                            <span>
                                第2节:氧化还原反应
                            </span>
                        </div>
                        <p>2021.11.25 20:20 开播</p>
                    </li>

                    <li class="active">
                        <div class="li1">
                            <img src="../img1/public/left.png" alt="">
                            &nbsp; &nbsp; 
                            <span>
                                第3节:钠及其化合物
                            </span>
                        </div>
                        <p>2021.11.25 20:20 开播</p>
                    </li>

                </ol>
            </li>
            <!-- 第二行 -->
            <li>
                <h3>第一章：公开课（含4期） <span></span></h3>
                <ol>
                    <li class="active">
                        <div class="li1">
                            <img src="../img1/public/left.png" alt="">
                            &nbsp; &nbsp; 
                            <span>
                                第0节:化学的研究对象和研究方法
                            </span>
                        </div>
                        <p>2021.11.25 20:20 开播</p>
                    </li>

                    <li class="active">
                        <div class="li1">
                            <img src="../img1/public/left.png" alt="">
                            &nbsp; &nbsp; 
                            <span>
                                第1节:离子反应
                            </span>
                        </div>
                        <p>2021.11.25 20:20 开播</p>
                    </li>

                    <li class="active">
                        <div class="li1">
                            <img src="../img1/public/left.png" alt="">
                            &nbsp; &nbsp; 
                            <span>
                                第2节:氧化还原反应
                            </span>
                        </div>
                        <p>2021.11.25 20:20 开播</p>
                    </li>

                    <li class="active">
                        <div class="li1">
                            <img src="../img1/public/left.png" alt="">
                            &nbsp; &nbsp; 
                            <span>
                                第3节:钠及其化合物
                            </span>
                        </div>
                        <p>2021.11.25 20:20 开播</p>
                    </li>
            

                </ol>
            </li>
           
        </ul>
    </div>
     <!-- quabuzhankai -->
     <div class="zhan">
        产看全部
  </div>
   <!-- 最后黑色大块部分 -->
   <footer>
       <img src="./videoplay.html" alt="">
    <p>
     首页|关于我们|加入我们合作专区|联系我们|A开放平台|意见反馈|漏洞提交│隐秘政策|版权声明|反盗链声明|网上有害信息举报|备案公示|营业执照照|教师资格证公示<br>
     京CP备130308号Copyright R 2014-2019行者信息科技(北京)有限公司|地址:北京市新华区马当路38号C座|电话:010-666666|京公网安备01010102002533号<br>
     京网文[2018〕4086-308号|网络文化经营许可证:沪网文[20184086-308号|增值电信业务经营许可证:京B2-20150021|食品经营许可证;Y1310114088.8 <br>
     医疗器械经营许可证:京嘉食药监械经营许20188008号|互联网药品信息服务资格证书:(京)-经营性-2018-0011 |
    </p>
</footer>
<div id="wai" style="display: none;">
    <div class="mask"></div>
    <div class="longin">
        <div class="he"><img src="../img1/public/logo.png" alt=""></div>

        <!-- 第二行 -->
        <ul>
            <li></li>
            <li class="phone">&nbsp;&nbsp;&nbsp;使用手机登录</li>
            <li></li>
        </ul>
        <form>
            <!-- 账号和密码 -->
            <input type="text" placeholder="请输入手机号" name="username">
            <p class="ti">请输入手机号</p>
            <input type="text" placeholder="请输入密码" name="psw">
            <p class="ti">请输入手机号</p>
            <!-- 登录 -->
            <button class="logg">登录</button>
        </form>
        <!-- <link rel="stylesheet" href="./index.html"> -->
        <!-- 忘记密码 -->
        <p class="norem">
            <span>忘记密码</span>
            <span>还没有账号<a href="./register.html">点击注册</a></span>
        </p>
        <!-- 第三方登录 -->
        <ul>
            <li></li>
            <li class="phone">使用第三方软件登录</li>
            <li></li>
        </ul>
        <!-- 图标 -->
        <div class="qwx">
            <img src="../img1/login/qq.png" alt="">
            <img src="../img1/login/wx.png" alt="">
            <img src="../img1/login/sina.png" alt="">
        </div>
    </div>
  
</div>

<script src="../js/ware.js"></script>
<script src="../js/login.js"></script>
<script src="../js/Videodetails.js"></script>

</body>

</html>